﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/User/Views/Shared/UserLayout.cshtml";
}

<!-- APP MAIN ==========-->
<main id="app-main" class="app-main">
    <div class="wrap">
        <section class="app-content">
            <div class="widget p-b-xs">
                <div class="m-b-lg nav-tabs-horizontal">
                    <!-- tabs list -->
                    <ul class="nav nav-tabs tabs1" role="tablist">
                        <li role="presentation" class="active"><a href="#tab-1" aria-controls="tab-3" role="tab" data-toggle="tab">购物商城</a></li>
                        <li role="presentation"><a href="#tab-2" aria-controls="tab-1" role="tab" data-toggle="tab">购物记录</a></li>
                    </ul><!-- .nav-tabs -->
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane in active fade" id="tab-1">
                            <p class="text-danger p-l-lg p-t-lg">重复消费币：<b class="text-danger">0</b>个</p>
                            <div class="clearfix">
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                                <div class="thumbnail chanpin-list">
                                    <img src="~/assets/images/cp1.jpg" data-src="holder.js/250x188" alt="...">
                                    <div class="caption">
                                        <h3>ipone7震撼上市土豪金</h3>
                                        <div class="row style1">
                                            <div class="col-sm-7">
                                                <p class="text-muted"><del>原：8974.00</del></p>
                                                <p class="text-danger big">会员：6974.00</p>
                                            </div>
                                            <div class="col-sm-5 p-t-sm"><label><input type="text" placeholder="1" size="5"> 台</label></div>
                                        </div>
                                        <div class="text-center m-t-xs"><a href="#" class="btn btn-warning" role="button">确认购买</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center p-t-sm p-b-sm">
                                <nav class="page-redcolor">
                                    <ul class="pagination m-0">
                                        <li class="disabled"><a href="#">&laquo;</a></li>
                                        <li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
                                        <li><a href="#">2<span class="sr-only">(current)</span></a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div><!-- .tab-pane  -->

                        <div role="tabpanel" class="tab-pane fade" id="tab-2">
                            <div class="table-responsive" style="width: 95%; margin:20px auto;">
                                <table class="table table-bordered">
                                    <tr>
                                        <th>序号</th>
                                        <th>名称</th>
                                        <th>产品</th>
                                        <th>单位</th>
                                        <th>单价</th>
                                        <th>数量</th>
                                        <th>总计</th>
                                        <th>详情</th>
                                    </tr>
                                    <tr>
                                        <td>01</td>
                                        <td>iphone7+全新智能</td>
                                        <td><img class="maxh" src="~/assets/images/cp.jpg"></td>
                                        <td>个</td>
                                        <td>51266</td>
                                        <td>1</td>
                                        <td>51266</td>
                                        <td>土豪金(分期返利)</td>
                                    </tr>
                                    <tr>
                                        <td>01</td>
                                        <td>iphone7+全新智能</td>
                                        <td><img class="maxh" src="~/assets/images/cp.jpg"></td>
                                        <td>个</td>
                                        <td>51266</td>
                                        <td>1</td>
                                        <td>51266</td>
                                        <td>陶瓷白(分期返利)</td>
                                    </tr>
                                </table>
                            </div>
                        </div><!-- .tab-pane  -->
                    </div><!-- .tab-content  -->
                </div><!-- .nav-tabs-horizontal -->
            </div><!-- .widget -->

            <div class="widget">
                <header class="widget-header title2">
                    <h4 class="widget-title">收件人信息</h4>
                </header><!-- .widget-header -->
                <hr class="widget-separator">

                <div class="widget-body m-t-xl">
                    <form action="#" class="form-horizontal">
                        <div class="form-group">
                            <label for="#" class="col-sm-2 control-label">收件人</label>
                            <div class="col-sm-5">
                                <input class="form-control" type="text" placeholder="">
                            </div>
                            <div class="col-sm-1 text-danger f-s"><span class="fa fa-asterisk"></span></div>
                        </div><!-- .form-group -->

                        <div class="form-group">
                            <label for="#" class="col-sm-2 control-label">联系电话</label>
                            <div class="col-sm-5">
                                <input class="form-control" type="text" placeholder="">
                            </div>
                            <div class="col-sm-1 text-danger f-s"><span class="fa fa-asterisk"></span></div>
                        </div><!-- .form-group -->

                        <div class="form-group">
                            <label for="#" class="col-sm-2 control-label">收货地址</label>
                            <div class="col-sm-5">
                                <input class="form-control" type="text" placeholder="">
                            </div>
                            <div class="col-sm-1 text-danger f-s"><span class="fa fa-asterisk"></span></div>
                        </div><!-- .form-group -->

                        <div class="form-group">
                            <div class="col-sm-8 text-center">
                                <button type="submit" class="btn btn-info">确认购买</button>
                            </div>
                        </div>
                    </form>
                </div><!-- .widget-body -->
            </div><!-- .widget -->
        </section><!-- #dash-content -->
    </div><!-- .wrap -->
    <!-- APP FOOTER -->
    <div class="wrap p-t-0">
        <footer class="app-footer">
            <div class="clearfix">
                <div class="copyright text-center w100">OpenMms&copy;</div>
            </div>
        </footer>
    </div>
    <!-- /#app-footer -->
</main>
<!--========== END app main -->

